<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>表单常用控件</title>
</head>
<body>
    <form action="https://abc.com">
        <!-- 文本输入框 -->
        账户：<input type="text" name="account" value="张三" maxlength="5"><br>
        <!-- 密码输入框 -->
        密码：<input type="password" name="pwd" value="123" maxlength="6"><br>
        <!-- 单选框 -->
        性别：
        <input type="radio" name="gender" value="male">男
        <input type="radio" name="gender" value="female" checked>女<br>
        <!-- 多选框 -->
        爱好：
        <input type="checkbox" name="hobby" value="smoking">抽烟
        <input type="checkbox" name="hobby" value="drinking" checked>喝酒
        <input type="checkbox" name="hobby" value="hotting">烫头<br>
        其他：
        <textarea name="other" cols="20" rows="3">exdsf</textarea><br>
        籍贯：
        <select name="place">
            <option value="赣">江西</option>
            <option value="京">北京</option>
            <option value="湘" selected>湖南</option>
        </select><br>
        <!-- 隐藏域 -->
        <input type="hidden" name="abc" value="xyz">
        <br>
        <!-- 确认的第一种写法 -->
        <button>确认</button>
        <!-- 确认的第二种写法 -->
        <!-- <input type="submit" value="确认"> -->
        
        <!-- 重置按钮第一种写法 -->
        <!-- <input type="reset" value="清空"> -->
        <!-- 重置按钮第二种写法 -->
        <button type="reset">重置</button>

        <!-- 两种普通按钮的写法 -->
        <button type="button">
            检测账户是否被注册
        </button>
        <!-- <input type="button" value="检测账户是否被注册"> -->
    </form>
</body>
</html>